.header-nav {
@apply flex-center w-full;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  height: 80px;
  z-index: 10;
  transition: all 0.5s;

  &-content {
  @apply flex-center justify-between;
    width: 1200px;
  }

  .header-nav-logo {
    height: 55px;

    > img {
      height: 100%;
    }
  }

  .n-menu {
    .n-menu-item-content-header {
      // color: #FFFFFF;
      // opacity: 0.6;
      // font-size: 16px;
    }

    .n-menu-item-content--selected .n-menu-item-content-header {
      // color: #FFFFFF;
    }
  }
}

.header-top-fixed {
  background-color: rgba(0, 0, 0,0.7);
}
